# Раздел «Наши эксперты»

### Реализация

#### В песочнице CodePen

Перед началом работы сделайте форк пена на [https://codepen.io/Netology/pen/OBNRZB](https://codepen.io/Netology/pen/OBNRZB?editors=1100#0). Вносите изменения во вкладках HTML и CSS.

##### Внимание: Общую структуру документа создавать не надо, вкладка Codepen «HTML» работает, как тег `<body>`
см. [инструкцию по работе с Codepen](https://github.com/netology-code/guides/tree/master/codepen).

---

## Описание

Следующая ваша задача по улучшению сайта «Нетологии» &mdash; это исправление раздела «Наши эксперты».

Менеджер как-то решил сам обновить раздел сайта, но что-то пошло не так.
Если открыть страницу с разделом сейчас, то вы увидите не очень красивый результат:

![](https://netology-code.github.io/html-2-homeworks/sources/2-2/experts-before.jpg)

Вам нужно привести блок к исходному виду:

![](https://netology-code.github.io/html-2-homeworks/sources/2-2/experts-after.jpg)

## Процесс реализации

1. Найдите ошибки во вложенности HTML-элементов и исправьте их. В результате раздел «Наши эксперты» должен содержать заголовок и блок с карточками экспертов. **Изменять сами теги не нужно.**

При этом внешний вид верстки должен измениться следующим образом:

![](https://netology-code.github.io/html-2-homeworks/sources/2-2/experts-stage0.jpg)

2. Найдите ошибки во вложенности HTML-элементов и исправьте их. В результате каждый блок с информацией об эксперте должен содержать фотографию и имя эксперта.

При этом внешний вид верстки должен измениться следующим образом:

![](https://netology-code.github.io/html-2-homeworks/sources/2-2/experts-stage1.jpg)

3. Сделайте так, чтобы карточки спикеров располагались по 3 в ряд, как показано в макете.
4. Установите верхнюю сплошную рамку шириной `3px` с цветом `#d9dbf5` для всех элементов с классом `speaker`, начиная с 4го элемента.
5. Установите свойство `background-color` со значением `#f0f1fb` для всех четных элементов с классом `speaker`.
6. Убедитесь, что результат соответствует описанию. Для этого перейдите в режим FullPage ([скриншот](/sources/screen.md)). Если режим FullPage View выдал ошибку — вам нужно подтвердить свою учетную запись в codepen, пройдя по ссылке из письма, пришедшего от codepen, тогда все должно начать работать корректно.
